<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
  <link rel="stylesheet" href="../src/tuitui-ui.css">
  <title>页面布局</title>
</head>

<body>
  <div class="tt-header">
    <div class="left"><i class="fa fa-chevron-left"></i> 返回</div>
    <div class="title">我是标题</div>
    <div class="right"><i class="fa fa-ellipsis-h"></i></div>
  </div>
  <div class="tt-navbar">
    <a class="navbar-item">
      <i class="fa fa-home icon"></i>
      <span class="name">首页</span>
    </a>
    <a class="navbar-item active">
      <i class="fa fa-list icon"></i>
      <span class="name">分类</span>
    </a>
    <a class="navbar-item">
      <i class="fa fa-search icon"></i>
      <span class="name">发现</span>
    </a>
    <a class="navbar-item">
      <i class="fa fa-user-o icon"></i>
      <span class="name">我的</span>
    </a>
  </div>
  <div class="tt-content">
    内容区
  </div>
  <!-- 页面蒙版 -->
  <!-- <div class="tt-mask"></div> -->
</body>

</html>